﻿<%@ Page Title="" Language="C#" MasterPageFile="~/ModulesPage.Master" AutoEventWireup="true" CodeBehind="PaymentPage.aspx.cs" Inherits="SwenAssignment3.RoomAvailabilityCumBookingModule.PaymentPage" %>
<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style type="text/css">
        #mainText
        {
            text-align: center;
            font: bold 40px Georgia, Times, serif;
            color:white;
        }
        #leftPanel
        {            
            width: 154px;
        }
        #rightPanel
        {
            float:right;
            width: 500px;
        }
        .auto-style1 {
            color:white;
            width: 101%;
        }
        .auto-style2 {
        }
        .auto-style3 {
            width: 207px;
            text-decoration: underline;
        }
        .auto-style4 {
            width: 207px;
        }
        .auto-style5 {
            width: 100%;
        }
        .auto-style6 {
            width: 210px;
        }
        .auto-style9 {
            width: 159px;
        }
        .auto-style10 {
            color: white;
        }
        .auto-style11 {
            width: 162px;
        }
        .auto-style12 {
            width: 198px;
        }
        .auto-style13 {
            width: 162px;
            text-decoration: underline;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
    <div id="mainText">Payment Details And Confirmation</div>
    <asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex="0">
        <asp:View ID="View1" runat="server">
            <table class="auto-style1">
                <tr>
                    <td class="auto-style3"><strong>Booking Details</strong></td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td class="auto-style2">Number of Adults:</td>
                    <td>
                        <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td class="auto-style2">Number of Children:</td>
                    <td>
                        <asp:TextBox ID="TextBox4" runat="server"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td class="auto-style2">Additional Requirements:</td>
                    <td>
                        <asp:TextBox ID="TextBox5" runat="server" TextMode="MultiLine"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td class="auto-style2">&nbsp;</td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td class="auto-style3"><strong>Payment Details</strong></td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td class="auto-style2">Payment Mode:</td>
                    <td>
                        <asp:RadioButtonList ID="rblPayment" runat="server" RepeatDirection="Horizontal" AutoPostBack="True">
                            <asp:ListItem Selected="True">Cash</asp:ListItem>
                            <asp:ListItem>Credit Card</asp:ListItem>
                        </asp:RadioButtonList>
                    </td>
                </tr>
            </table>
            <asp:Panel ID="Panel1" runat="server">
                <table class="auto-style1">
                    <tr>
                        <td class="auto-style4">Credit Card Number:</td>
                        <td>
                            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                        </td>
                    </tr>
                    <tr>
                        <td class="auto-style4">Cardholder&#39;s Name:</td>
                        <td>
                            <asp:Label ID="lblName" runat="server"></asp:Label>
                        </td>
                    </tr>
                    <tr>
                        <td class="auto-style4">Card Type:</td>
                        <td>
                            <asp:DropDownList ID="DropDownList1" runat="server">
                                <asp:ListItem>Master Card</asp:ListItem>
                                <asp:ListItem>Visa</asp:ListItem>
                                <asp:ListItem>American Express</asp:ListItem>
                            </asp:DropDownList>
                        </td>
                    </tr>
                    <tr>
                        <td class="auto-style4">Card Expiry Date:</td>
                        <td>
                            <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
                        </td>
                    </tr>
                </table>
            </asp:Panel>
            <div>
                <table class="auto-style5">
                    <tr>
                        <td class="auto-style6">&nbsp;</td>
                        <td>
                            <asp:Button ID="btnProceed" runat="server" Text="Proceed to Confirmation" OnClick="btnProceed_Click" />
                        </td>
                    </tr>
                </table>
            </div>
        </asp:View>
        <asp:View ID="View2" runat="server">

                    <table class="auto-style5">
                        <tr>
                            <td class="auto-style9">
                                <asp:DataList ID="DataList1" runat="server" RepeatLayout="Flow" Width="314px">
                                    <ItemTemplate>
                                        <table class="auto-style1">
                                            <tr>
                                                <td colspan="2">Room
                                                    <asp:Label ID="lblRoomNo" runat="server" Text='<%# Eval("RoomNo") %>'></asp:Label>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Check In Date:</td>
                                                <td class="auto-style12">
                                                    <asp:Label ID="lblCheckIn" runat="server" Text='<%# Eval("DesiredCheckInDate") %>'></asp:Label>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Check Out Date:</td>
                                                <td class="auto-style12">
                                                    <asp:Label ID="lblCheckOut" runat="server" Text='<%# Eval("DesiredCheckOutDate") %>'></asp:Label>
                                                </td>
                                            </tr>
                                        </table>
                                    </ItemTemplate>
                                </asp:DataList>
                            </td>
                            <td class="auto-style7"><div id="rightPanel">
                                <table class="auto-style5">
                                    <tr class="auto-style10">
                                        <td class="auto-style13"><strong>Guest Details</strong></td>
                                        <td>&nbsp;</td>
                                    </tr>
                                    <tr class="auto-style10">
                                        <td class="auto-style11">Guest ID:</td>
                                        <td>
                                            <asp:Label ID="lblGuestID" runat="server" Text="Label"></asp:Label>
                                        </td>
                                    </tr>
                                    <tr class="auto-style10">
                                        <td class="auto-style11">First Name:</td>
                                        <td>
                                            <asp:Label ID="lblFName" runat="server" Text="Label"></asp:Label>
                                        </td>
                                    </tr>
                                    <tr class="auto-style10">
                                        <td class="auto-style11">Last Name:</td>
                                        <td>
                                            <asp:Label ID="lblLName" runat="server" Text="Label"></asp:Label>
                                        </td>
                                    </tr>
                                    <tr class="auto-style10">
                                        <td class="auto-style11">Contact Number:</td>
                                        <td>
                                            <asp:Label ID="lblContact" runat="server" Text="Label"></asp:Label>
                                        </td>
                                    </tr>
                                    <tr class="auto-style10">
                                        <td class="auto-style11">Email Address:</td>
                                        <td>
                                            <asp:Label ID="lblEmail" runat="server" Text="Label"></asp:Label>
                                        </td>
                                    </tr>
                                    <tr class="auto-style10">
                                        <td class="auto-style11">Home Address:</td>
                                        <td>
                                            <asp:Label ID="lblHomeAdd" runat="server" Text="Label"></asp:Label>
                                        </td>
                                    </tr>
                                    <tr class="auto-style10">
                                        <td class="auto-style11">Postal Code:</td>
                                        <td>
                                            <asp:Label ID="lblPostal" runat="server" Text="Label"></asp:Label>
                                        </td>
                                    </tr>
                                    <tr class="auto-style10">
                                        <td class="auto-style11">Nationality:</td>
                                        <td>
                                            <asp:Label ID="lblCountry" runat="server" Text="Label"></asp:Label>
                                        </td>
                                    </tr>
                                    <tr class="auto-style10">
                                        <td class="auto-style11">&nbsp;</td>
                                        <td>
                                            <asp:Button ID="Button1" runat="server" Text="Confirm Booking" OnClick="Button1_Click" />
                                            <asp:ConfirmButtonExtender ID="Button1_ConfirmButtonExtender" runat="server" ConfirmText="Confirm Booking..." Enabled="True" TargetControlID="Button1">
                                            </asp:ConfirmButtonExtender>
                                        </td>
                                    </tr>
                                </table>
                                <br />
                                <br />
                                <br />
                                <br />
                                <br />
                                <br />
                                <br />
                                <br />
                                <br />
                                <br />
                                <br />
                                <br />
                                <br />
                                <br />
                                <br />
                                <br />
                                <br />
                                <br />
                                <br />
                                <br />
                                <br />
                                <br />
                                <br />
                                <br />
                                </div></td>
                        </tr>
                        <tr>
                            <td class="auto-style9">&nbsp;</td>
                            <td>&nbsp;</td>
                        </tr>
                    </table>

        </asp:View>
    </asp:MultiView>

</asp:Content>
